*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	font: "微软雅黑"
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
html{
	font-size:100px;
	width: 100%;
}
body{
	font-size:16px;
	background:#f7f7f7;
	width: 100%;
}
.introduce{
	width: 100%;
	height: 10rem;
}
.introduce_div{
	width: 100%;
	height: 10rem;
	overflow: hidden;
}
.introduce_div>img{
	float: left;
	display: block;
	height: 100%;
}
.introduce_top{
	width: 100%;
	height: 1.2rem;
	position: absolute;
	z-index:0;
}

.introduce_top .a{
	float: left;
	display: block;
	width: 10%;
	height: 1.2rem;
	background-image: url(./img/back-arrow.png);
	background-size:.8rem;
	background-repeat: no-repeat;
	background-position: .2rem .3rem;
}
.introduce_top>a:last-of-type{
	height: 1.2rem;
	float: right;
	display: block;
	width: 10%;
	background-image: url(./img/menu_more.png);
	background-size:.8rem;
	background-repeat: no-repeat;
	background-position: 0 .3rem;
}
.count{
	width: .8rem;
	height: .4rem;
	position: absolute;
	background-color: #1E251F;
	color: #fff;
	left: 8.5rem;
	top: 9rem;
	font-size: .3rem;
	text-align: center;
}
nav{
	width: 100%;
}
.cost{
	width: 100%;
}
.cost h4{
	width: 100%;
	height: 1rem;
	font-size: .45rem;
	text-indent: .3rem;
	line-height: 1rem;
	font-weight: 100;
}
.cost p{
	width: 100%;
	height: 1.2rem;
	font-size: .5rem;
}
.cost p span{
	display: inline-block;
	width: 15%;
	height: 1.2rem;
	color: red;
	line-height: 1.2rem;
	text-indent: .3rem;
}
.cost p s{
	display: inline-block;
	width: 10%;
	height: 1.2rem;
	font-size: .3rem;
	line-height: 1rem;
	margin: 0 .2rem;
}
.cost p b{
	display: inline-block;
	width: 10%;
	height: .5rem;
	background-color: red;
	font-size: .3rem;
	text-align: center;
	color: #fff;
	line-height: .5rem;
}
.cost h5{
	color: #ABABAB;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	font-size: .3rem;
	vertical-align: middle;
}
.cost_img {
	display: inline-block;
	float: left;
	width: 10%;
	height: 1rem;
	background-image: url(./img/star_time.png);
	background-size: 50%;
	background-position: .25rem .25rem;
	background-repeat: no-repeat;
}
.cost h5 span{
	display: inline-block;
	line-height: 1rem;
	font-size: .3rem;
}
.sales{
	width: 100%;
	height: 2.5rem;
}
.sales_left{
	width: 10%;
	height: 2.5rem;
	font-size: .3rem;
	text-align: center;
	float: left;
	line-height: 1rem;
}
.sales_right{
	width: 90%;
	float: right;
	height: 2.5rem;
	font-size: .25rem;
} 
.sales_right li{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
}
.sales_right li span{
	display: inline-block;
	font-size: .3rem;
	width: 10%;
	height: .4rem;
	border:1px solid #FF7B81;
	color: #FF7B81;
	text-align: center;
	line-height: .4rem;
	float: left;
	margin-top: .3rem;
}
.sales_right li p{
	width: 80%;
	height: 1rem;
	text-indent: .1rem;
}
.sales_right li a{
	display: inline-block;
	float: right;
	width: 10%;
	height: 1rem;
	/*background-image: url(../img/);*/
}
.serve{
	width: 100%;
	height: 1.2rem;
}
.serve li{
	width: 25%;
	height: 1.2rem;
	float: left;
	font-size: .3rem;
	text-align: center;
	line-height: 1.2rem;
}
.style{
	width: 100%;
	font-size: .35rem;
}
.style a{
	display: inline-block;
	font-size: .3rem;
	height: .8rem;
	width: 23%;
	margin: .2rem 4%;
	border:1px solid #818181;
	text-align: center;
	color: #818181;
	line-height: .8rem;
}
.style p{
	width: 100%;
	height: .5rem;
	line-height: .5rem;
}
.color{
	width: 100%;
}
.color a{
	background: #FF464E;
	color: #fff;
}
.size{
	width: 100%;
}
.brand{
	width: 100%;
}
.brand_top{
	width: 100%;
	height: 1.25rem;
	font-size: .35rem;
}
.brand_top img{
	width: 25%;
	float: left;
}
.brand_top p{
	width: 75%;
	height: .625rem;
	float: right;
	line-height: .625rem;
}
.brand_top span{
	display: block;
	width: 20%;
	height: .5rem;
	float: left;
	background: #FF7700;
	color: #fff;
	text-align: center;
}
.brand_bottom{
	width: 100%;
	height: 2rem;
}
.brand_bottom li{
	font-size: .3rem;
	width: 100%;
}
.brand_bottom li>span{
	text-indent: .3rem;
	width: 20%;
	height: .5rem;
	float: left;
}
.brand_bottom li>p{
	width: 70%;
	height: .5rem;
	float: left;
}
.brand_bottom li p>span{
	color: #FF9B44;
}
.show_img{
	width: 100%;
}
.show_img>img{
	width: 100%;
}
footer{
	width: 100%;
}
footer p{
	width: 100%;
	height: 1.2rem;
	font-size: .4rem;
	text-align: center;
	line-height: 1.2rem;
}

.footer_bottom{
	width: 100%;
	height: 4rem;
	margin-top: .3rem;
}
.footer_bottom_top{
	width: 100%;
	height: 1.2rem;
}
.footer_bottom_top a{
	display: inline-block;
	width: 32%;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center;
	font-size: .35rem;
	color: #000;
}
.footer_bottom_bottom{
	width: 100%;
	height: 2.8rem;
	line-height: 1.5rem;
	font-size: .3rem;
	text-align: center;
}
.shop{
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
	width: 100%;
	height: 1.5rem;
	/*background:red;*/
}
.shop ul{
	width: 40%;
	height: 1.5rem;
	float: left;
	background:white;
}
.shop ul li{
	width: 50%;
	height: 1.5rem;
	float: left;
	text-align: center;
}
.shop ul li a{
	position:relative;
	display:block;
	width:100%;
	float: left;
	height: 1.5rem;
}
.shop ul li img{
	width:50%;
}
.shop ul li span{
	display: block;
	font-size: .3rem;
}
.shop .addCart{
	display: inline-block;
	width: 60%;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	background: #FF464E;
	color: #fff;
}
.return{
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	position: fixed;
	border-radius: 50%;
	background-image: url(./img/back-top.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: .1rem .1rem;
	left: 8rem;
	bottom: 1.8rem;
}
.show{
	width: 30%;
	height: 3rem;
	position: absolute;
	right: 0;
	top: 1.5rem;
	border-radius: 50%;

}
.show ul{
	border-radius: .3rem;
	width: 100%;
	height: 100%;
	background-color: #1D1A1A;
}
.show ul li{
	margin: 0 auto;
	width: 90%;
	height: .94rem;
	border-bottom: 1px solid #2A2828;
	color: #fff;
	font-size: .3rem;
	vertical-align: top;
	line-height: 1.3rem;
}
.show ul li img{
	display: inline-block;
	width:.5rem;
	float: left;
	margin-top: .3rem;
}
.show ul li a{
	display: inline-block;
	height: 1rem;
	color: #fff;
	font-size: .35rem;
	text-indent: .3rem;
}
#cartNumber{
	position:absolute;
	/*top:.1rem;*/
	right:20px;
	width:.5rem;
	height:.5rem;
	border-radius:50%;
	background:red;
	display:inline-block;
	text-align:center;
	line-height:.5rem;
	color:white;
}